
import React, { Component,  } from 'react'
import PropTypes from 'prop-types'
import { Link } from 'react-router-dom'
import { Drawer, List } from 'antd-mobile';


const data=[
  {
    lable:'Home',
    url:'/'
  },
  {
    lable:'Cart',
    url:'/cart'
  },
  {
    lable:'Your Orders',
    url:'/order/list'
  },
  {
    lable:'Your Account',
    url:'/account'
  },
  {
    lable:'Your Address',
    url:'/address/list/normal'
  },
]
export default class ZFooter extends Component {
  static defaultProps = {
    defaultValue:'',
  }
  static propTypes={
    defaultValue : PropTypes.string
  }
  constructor(props) {
    super(props);
    this.state = {
      
    };
  }
  
  
  render(){
    return(
      <div className="zfooter">
        <div className="nav-ftr-links clearfix">
        {
          data.map((item,i)=>{
            return(
              <Link key={i} to={item.url} className="item">
              {item.lable}
              {
                item.lable.toLowerCase() == 'cart'?<span className="bage">(<var>0</var>)</span>:null
              }
              </Link>
              )
          })
        }
        </div>
      </div>
    )
  }
}













